<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="theme-color" content="#FFFFFF" />
    <title>智慧溧水</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../ui/common/css/mui.min.css?v2.0.16" rel="stylesheet" />
    <link href="../../ui/common/css/mui.picker.all.css?v2.0.16" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../ui/common/css/common.css?v2.0.16" />
    <link rel="stylesheet" type="text/css" href="../../ui/traffic/css/taxi_detail.css?v2.0.16">
    <link rel="stylesheet" type="text/css" href="../../ui/common/font-awesome/css/font-awesome.min.css?v2.0.16">
</head>

<body>
<header id="header" class="page-header mui-bar mui-bar-nav hp-bar">
    <a id="pwdBack" class="mui-action-back mui-pull-left mui-icon mui-icon-arrowleft">返回</a>
    <h1 id="bulidTitle" class="mui-title">招车详情</h1>
    <em class="fa fa-envelope-o mail-inbox open-url" data-url="../user/message.html"><em class="fa fa-circle mail-new"></em></em>
</header>
<div class="mui-content">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-media">
            <p class='mui-ell'>起点位置：<span class="start"></span></p>
            <p class='mui-ell'>终点位置：<span class="end"></span></p>
            <p class='mui-ell'>人数：<span class="num"></span></p>
            <p class='mui-ell'>出行时间：<span class="start_time"></span></p>
            <p class='mui-ell'>提交时间：<span class="create_time"></span></p>
            <p class='mui-ell'>完成时间：<span class="finished_time"></span></p>
            <p class='mui-ell'>状态：<span class="status"></span></p>
        </li>
    </ul>
</div>
<div class="mui-content-subway" style="display: none">
    <ul class="mui-table-view ulstyle">
        <li class="mui-table-view-cell mui-media">
            <p class='mui-ell'>司机姓名：<span class="driver_name"></span></p>
            <p class='mui-ell'>司机电话：<span class="driver_mobile"></span></p>
            <p class='mui-ell'>车牌号：<span class="car_no"></span></p>
        </li>
    </ul>
</div>
<div class="mui-content-subway driver_location open-url" data-url="" style="display: none">
    <ul class="mui-table-view ulstyle">
        <li class="mui-table-view-cell mui-media">
            <p class='mui-ell'>司机位置:
                <em class="fa fa-map-marker text-blue"> 定位跟踪</em>
            </p>
        </li>
    </ul>
</div>
<div class="block-area m-t-40 action" style="display: none;">
    <button type="button" class="submit mui-btn mui-submit cancel">取消</button>
    <button type="button" class="submit mui-btn mui-submit finish">完成</button>
</div>

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=9b580aba36643f707e2b654013d52ddc"></script>
<!--引入UI组件库（1.0版本） -->
<script src="//webapi.amap.com/ui/1.0/main.js?v2.0.16"></script>
<script src="../../ui/common/js/mui.min.js?v2.0.16" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/common/js/mui.picker.all.js?v2.0.16" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/common/js/jquery-1.10.2.js?v2.0.16" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/common/js/common.js?v2.0.16" type="text/javascript" charset="utf-8"></script>
<script src="../../ui/traffic/js/taxi_detail.js?v2.0.16" type="text/javascript" charset="utf-8"></script>

</body>

</html>